$(document).ready(function() {
    // 動かすboxを構築
    var $div = $("div.main:first");  // 親ノード
    var $box;  // boxノード
    for(var i = 0; i < boxcolor.length; i++){
        $box = $("<div/>").addClass("box");
        $box.css("background-color",boxcolor[i]);
        $box.css("top",String(100 * i) + "px");
        $div.append($box);
    }
    $("div.box").click(movebox);
});

var images = ["../img/NoPicture.gif", "../img/chenji.gif",
    "../img/konoha.png", "../img/normal.png","../img/uh.png"];
//alts = ["a", "b", "c", "d"];
for(var i =0;i<data.length;i++) {
    var box = $("<div class=\"row message\"></div>");
    var sp1 = $("<div class=\"span1\"></div>");
    sp1.append($("<img>").attr("src", images[i]).attr("width",48).attr("height",48)).addClass("icon"));
    var sp6 = $("<div class=\"span6\"></div>");
    sp6.append($("<p class=\"username\">"+name+"</p>"));
    sp6.append($("<p class=\"tweetmsg\">"+msg+"</p>"));
    sp6.append($("<p class=\"tweetinfo\">"+info+"</p>"));
}

$(function () {
     $(".deleteBox .delete").click(function(){
     });
});
$(document).ready(function() {
    $('textarea.tweet').focus(function() {
        $(this).removeClass("idle").addClass("focus");
        $("input.tweet_b").
         $(this).parents(".deleteBox").animate({ opacity: "hide" }, "slow");
        if (this.value == this.defaultValue){
            this.value = '';
        }
        if(this.value != this.defaultValue){
            this.select();
        }
    });
    $('input[type="text"]').blur(function() {
        $(this).removeClass("focusField").addClass("idleField");
        if ($.trim(this.value == '')){
            this.value = (this.defaultValue ? this.defaultValue : '');
        }
    });
});


$(function () {
     $("textarea").keyup(function(){
          var counter = $(this).val().length;
        $("#countUp").text(counter);
        if(counter == 0){
            $("#countUp").text("0");
        }
        if(counter >= 10) {
            $("#countUp").css("color","red");
        } else {
            $("#countUp").css("color","#666");
        }
    });
    $('textarea').focus(function() {
        $("#slideBox").slideToggle("slow");
    });
});
<textarea cols="30" rows="10"></textarea>
<p id="countUp">0</p>


$(function(){
});
<div id="slideBox">
</div>
